<template>
	<div class="BottomBar">
		<van-tabbar v-model="active" route>
			<van-tabbar-item replace to="/" icon="wap-home-o">首页</van-tabbar-item>
			<van-tabbar-item replace to="/smallTown" icon="gem-o">盒马小镇</van-tabbar-item>
			<van-tabbar-item replace to="/life/advice" icon="point-gift-o">盒马生活</van-tabbar-item>
			<van-tabbar-item replace to="/shop" icon="shopping-cart-o">购物车</van-tabbar-item>
			<van-tabbar-item replace to="/mine" icon="user-circle-o">我的</van-tabbar-item>
		</van-tabbar>
	</div>
</template>

<script>
	export default {
		name: "BottomBar",
        data() {
            return {
                active: 0
            };
        },
	};
</script>

<style scoped>
	.van-tabbar a {
		flex: 1;
	}
</style>